<template>
    <div>
        <input type="radio" v-model="activeComponent" value="ActiveCom1" />ActiveCom1
        <input type="radio" v-model="activeComponent" value="ActiveCom2" />ActiveCom2
        <component :is="activeComponent"></component>
    </div>
</template>
<script>
import ActiveCom1 from "./4-4 ActiveCom1.vue";
import ActiveCom2 from "./4-4 ActiveCom2.vue";
export default {
    data() {
        return {
            activeComponent: "ActiveCom2",
        };
    },
    components: {
        ActiveCom1,
        ActiveCom2,
    }
};
</script>
<style scoped></style>